<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/sj.css" rel="stylesheet" />
<script type="text/javascript" src="Scripts/jquery-1.10.2.mins.js"></script>
<title>送你一朵小红花</title>
<link rel="icon" href="//img.alicdn.com/tps/i1/TB1.aEgGFXXXXamXpXXnCBGGXXX-32-32.ico">
</head>

<body>

<div class="con">
  <div class="head">
    <div class="logo">
      <h1>送你一朵111小红花</h1>
    </div>
    <div class="nav">
      <ul>
	  <li><div id="div" style="color: rgb(255, 0, 221);"></div></li> 
       <li><a href="index.html">首&nbsp;&nbsp;&nbsp;&nbsp;页</a></li>
	   <li><a href="page4.html">精彩片段</a></li>
	     <li><a href="page3.html">登录注册</a></li>
   	
        <li><a href="page1.html">角色介绍</a></li>
        <li><a href="page2.html">幕后花絮</a></li>
		
      
      </ul>
    </div>
    <div class="clear"></div>
  </div>
  <div class="clear"></div>
  <div class="lunbo" id="lunbo"><a href="#"><img src="images/014.jpg"  width="631" height="380"/><div class="span-owl1" style="width: 0;height: 350px
;	margin: 0 auto;">送你一朵小红花</div></a></div>
  <div class="clear"></div>
  <div class="main">
     <div id="demo">
          <div id="indemo">
            <div id="demo1">
			<a href="images/011.jpg" target="_blank"><img src="images/011.jpg" width="312" height="289" border="0" /><div class="span-owl">精彩片段01</div></a>
			<a href="images/012.jpg" target="_blank"><img src="images/012.jpg" width="312" height="289" border="0" /><div class="span-owl">精彩片段02</div></a>
			<a href="images/013.jpg" target="_blank"><img src="images/013.jpg" width="312" height="289" border="0" /><div class="span-owl">精彩片段03</div></a>
			<a href="images/010.jpg" target="_blank"><img src="images/010.jpg" width="312" height="289" border="0" /><div class="span-owl">精彩片段04</div></a>
			</div>
      <div id="demo2"></div>
      </div>
      </div>
    
      </div>
	   <script src="Scripts/js.js"></script>
	

<script type="text/javascript">
//品牌翻转
var turn = function(target,time,opts){
	target.find('a').hover(function(){
		$(this).find('img').stop().animate(opts[0],time,function(){
			$(this).hide().next().show();
			$(this).next().animate(opts[1],time);
		});
	},function(){
		$(this).find('.span-owl1').animate(opts[0],time,function(){
			$(this).hide().prev().show();
			$(this).prev().animate(opts[1],time);
		});
	});
}
var verticalOpts = [{'width':0},{'width':'960'}];
turn($('#lunbo'),100,verticalOpts);

</script>
  
  
    <div></div>
<div><a name="4" id="4"></a><a name="sub2278246_4" id="sub2278246_4"></a><a name="动画片" id="动画片"></a>  </div>
    <h2>
    <br />
    <p></p>
   
  </div>
  <div class="clear"></div>
  <div class="foot">
    <p>北京时间：<div class="clock">

	<ul>
		<li id="hours"></li>
		<li id="point">:</li>
		<li id="min"></li>
		<li id="point">:</li>
		<li id="sec"></li>
	</ul>
</div></p>
    <p>All Rights Reserved</p>
  </div>
  <div class="clear"></div>
</div>
<script src="Scripts/sj.js"></script>
   <script src="Scripts/dtsj.js"></script>
</body>
</html>
